<template>
	<view class="container">
		<view class="progress-box">
			<view class="progress-title">评分</view>
			<view class="progress-info">
				<progress percent="80" border-radius="3" activeColor="#27CC56" show-info active stroke-width="6" />
			</view>
		</view>
		<view class="header-top">
			<c-header-content-msg></c-header-content-msg>
		</view>
		<view class="content-box">
			<view class="user-pic-box">
				<view class="user-pic-title">个人形象展示</view>
				<view class="pic-box">
					<view class="pic-header-box">
						<view class="pic-header-left pic-bg">
							<!-- <s-icon name="plus" class="image" size="80"></s-icon> -->
							<image src="../../static/images/user/user.jpg"></image>
							<view class="bzs">1.头像/封面</view>
							<view class="btn-pic">
								<s-button type="white" shape="circle" width="160upx" height="50upx" bold :size="22">更换头像</s-button>
							</view>
						</view>
						<view class="pic-header-right">
							<view class="pic-bg">
								<view class="del-pic">
									<s-icon name="close-fill" size="22" color="#e41f19"></s-icon>
								</view>
								<s-icon name="plus" class="image"></s-icon>
								<view class="bzs width-max">2</view>
							</view>
							<view class="pic-bg">
								<view class="del-pic">
									<s-icon name="close-fill" size="22" color="#e41f19"></s-icon>
								</view>
								<s-icon name="plus" class="image"></s-icon>
								<view class="bzs width-max">3</view>
							</view>
						</view>
					</view>
					<view class="pic-bottom">
						<view class="pic-bg">
							<view class="del-pic">
								<s-icon name="close-fill" size="22" color="#e41f19"></s-icon>
							</view>
							<s-icon name="plus" class="image"></s-icon>
							<view class="bzs width-max">4</view>
						</view>
						<view class="pic-bg">
							<view class="del-pic">
								<s-icon name="close-fill" size="22" color="#e41f19"></s-icon>
							</view>
							<s-icon name="plus" class="image"></s-icon>
							<view class="bzs width-max">5</view>
						</view>
						<view class="pic-bg">
							<view class="del-pic">
								<s-icon name="close-fill" size="22" color="#e41f19"></s-icon>
							</view>
							<s-icon name="plus" class="image"></s-icon>
							<view class="bzs width-max">6</view>
						</view>
					</view>
				</view>
				<view class="pic-ct-box">
					<view class="pic-ct">添加生活照，可以获得更多人的喜欢。</view>
					<view class="pic-ct-reght">
						<s-button type="green" plain shape="circle" width="180rpx" height="60rpx" bold :size="22">上传图片+5</s-button>
					</view>
				</view>
			</view>
		
			<view class="user-access-box">
				
				<view class="access-header">
					<view class="access-title">双重认证</view>
					<view class="access-left">
						<s-button type="white" shape="circle" width="160upx" height="50upx" bold :size="22" @click="authentication">重新认证</s-button>
					</view>
				</view>
				
				<view class="access-item">
					<view class="access-right">身份认证</view>
					<view class="access-left">
						<s-icon name="square-selected" size="22" color="#4A8EFD"></s-icon>
						<view class="access-left-text">已认证</view>
					</view>
				</view>
				<view class="access-item">
					<view class="access-right">学历认证</view>
					<view class="access-left">
						<s-icon name="square-selected" size="22" color="#4A8EFD"></s-icon>
						<view class="access-left-text">
							<view class="text-left">学校名称</view>
							<view class="text-1">|</view>
							<view>专业</view>
							<view class="text-d">·</view>
							<view class="text-right">全日制</view>
						</view>
					</view>
				</view>
			</view>
		
		
		
			<view class="user-access-box">
				
				<view class="access-header">
					<view class="access-title">基础资料</view>
					<view class="access-left">
						<s-button type="white" shape="circle" width="100upx" height="50upx" bold :size="22" @click="basicDataMe">编辑</s-button>
					</view>
				</view>
				
				<view class="access-item">
					<view class="access-right">
						<view class="access-name">姓名</view>
						<s-icon name="applets" size="22" color="#4A8EFD"></s-icon>
					</view>
					<view class="access-left">
						<s-icon name="applets" size="22" color="#4A8EFD"></s-icon>
						<view class="access-left-text">陕西 西安</view>
					</view>
				</view>
				<view class="access-info">
					<view class="access-info-right">22岁</view>
					<view>180cm</view>
					<view>处女座</view>
				</view>
				<view class="user-zy">
					<view class="user-zy-item">
						<view class="zy-item-title">职业：</view>
						<view class="zy-item-content">IT/互联网</view>
					</view>
					<view class="user-zy-item">
						<view class="zy-item-title">收入：</view>
						<view class="zy-item-content">10-20w</view>
					</view>
					<view class="user-zy-item">
						<view class="zy-item-title">婚姻状况：</view>
						<view class="zy-item-content">未婚</view>
					</view>
					<view class="user-zy-item">
						<view class="zy-item-title">脱单目标：</view>
						<view class="zy-item-content">计划一年内结婚（仅自己可见）</view>
					</view>
				</view>
			</view>
			
		
			<view class="user-access-box">
				<view class="access-header">
					<view class="access-title">关于我</view>
					<view class="access-left">
						<s-button type="white" shape="circle" width="100upx" height="50upx" bold :size="22" @click="aboutMe">编辑</s-button>
					</view>
				</view>
				<view class="cent-box">
					我是一个程序员，我是一个程序员，我是一个程序员，我是一个程序员，我是一个程序员，我是一个程序员，我是一个程序员，我是一个程序员，我是一个程序员，我是一个程序员，我是一个程序员，
				</view>
			</view>
			<view class="user-access-box">
				<view class="access-header">
					<view class="access-title">兴趣爱好</view>
					<view class="access-left">
						<s-button type="white" shape="circle" width="100upx" height="50upx" bold :size="22" @click="hobbyMe">编辑</s-button>
					</view>
				</view>
				<view class="cent-box">
					摄影，看书。
				</view>
			</view>
			<view class="user-access-box">
				<view class="access-header">
					<view class="access-title">感情观</view>
					<view class="access-left">
						<s-button type="white" shape="circle" width="100upx" height="50upx" bold :size="22" @click="sentimentMe">编辑</s-button>
					</view>
				</view>
				<view class="cent-box">
					希望能找一个共同努力的人。
				</view>
			</view>
		</view>
		<view style="height: 40upx;"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			aboutMe(){
				uni.navigateTo({
					url:'../aboutMe/aboutMe'
				})
			},
			hobbyMe(){
				uni.navigateTo({
					url:'../hobbyMe/hobbyMe'
				})
			},
			sentimentMe(){
				uni.navigateTo({
					url:'../sentimentMe/sentimentMe'
				})
			},
			basicDataMe(){
				uni.navigateTo({
					url:'../basicDataMe/basicDataMe'
				})
			},
			authentication(){
				uni.navigateTo({
					url:'../authentication/authentication'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
@import "userInfo.scss";
</style>
